<template>
    <div class="login-container">
        <v-container>
            <v-row>

            </v-row>
            <!-- 头部开始 -->
            <div class="header col-12 columns">
                <!-- logo 部分 -->
                <div class="large-4 columns logo">
                    <!-- 转跳链接 home -->
                    <router-link to="/home">
                        <img src="../../assets/images/logo.png" alt="">
                    </router-link>
                </div>
                <div class="harder-text large-8 columns">
                    <!-- 简体中文 -->
                    <div class="large-2 columns">

                    </div>
                    <!-- 需要帮助 在线客服 -->
                    <div class="helpText large-4 columns">
                        <span>需要帮助?</span>
                        <a href="">在线客服</a>
                    </div>
                </div>
            </div>
            <!-- 头部结束 -->
        </v-container>
        <!-- 中间部分开始 -->
        <!-- <div class="row">
        <div class="main large-12 columns">
          <div class="mainFlex large-6 columns">
            <img width="100%" src="./images/logon.png" alt="">
          </div>
          <div class="mainForm large-6 columns">
  
          </div>
        </div>
      </div> -->
    </div>
</template>

<script>
export default {
    name: 'MyA',
    data() {
        return {
            // 账号密码数据
            userForm: {
                userName: '',
                password: ''
            },
        }
    },
}
</script>

<style lang='scss' scoped>
$backColor: 'red';

.login-container {
    height: 100vh;
    background: rgb(240, 241, 242);

    .header {
        padding: 50px 0 30px 0;
    }

    .harder-text {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .helpText {
        font-size: 12px;

        span {
            margin-right: 10px;
        }
    }

    .main {
        >div {
            padding: 0;
        }

        .mainForm {
            padding: 30px;
        }
    }
}
</style>